<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="../static/bootstrap-3.4.1/dist/css/bootstrap.min.css">
    <script src="../static/jQuery-v3.6.0/jQueryv3.6.0.js"></script>
    <script src="../static/bootstrap-3.4.1/dist/js/bootstrap.min.js"></script>
</head>

<body>
    用户名：<br/>
    密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：<br/>

    <ul class="pagination">
        <!-- <li><a href="#">&laquo;</a></li> -->
        <li><a href="#">&eta;</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">&raquo;</a></li>
      </ul>
     <hr/>
       <ul class="pagination pagination-lg">
        <!-- <li><a href="#">&laquo;</a></li> -->
        <li class="active"><a href="#">&eta;</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">&raquo;</a></li>
      </ul>
         <hr/>    
         <ul class="pager">
            <li><a href="#">前</a></li>
            <li><a href="#">后</a></li>
          </ul>   
                <hr/>    
                <ul class="pager">
                    <li class="previous"><a href="#">&larr; 前</a></li>
                    <li class="next"><a href="#">后 &rarr;</a></li>
                  </ul>
</body>

</html>